Component({
    /**
     * 组件的属性列表
     */
    properties: {
    },

    /**
     * 组件的初始数据
     */
    data: {
        inputShowed: false,
        inputVal: "",
        inputid:"",
        selectVal: [{id:1,name:'实时搜索文本1',role:'角色1'}, 
          { id: 2, name: '实时搜索文本2', role: '角色1' },
          { id: 3,name: '实时搜索文本3', role: '角色2' }]
    },
    lifetimes: {
      // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
      attached: function () {

      },
    },
    /**
     * 组件的方法列表
     */
    methods: {
      setSelectVals: function (data) {
        this.setData({
          selectVal: data
        });
      },
      showInput: function () {
          this.setData({
              inputShowed: true
          });
      },
      hideInput: function () {
          this.setData({
              inputVal: "",
              inputShowed: false
          });
      },
      clearInput: function () {
          this.setData({
              inputVal: ""
          });
      },
      inputTyping: function (e) {
          this.setData({
              inputVal: e.detail.value
          });
          this.triggerEvent('change', { inputVal: this.data.inputVal }, {})
      },
      selected:function(e){
        var item = e.currentTarget.dataset.item;
        this.setData({
          selectVal: [],
          inputVal: item.name,
          inputid : item.id
        });
        this.triggerEvent('selected', item, {});
      }
    }
});